//菜单栏的JQ方法
$("#food").on("mouseover", function() {
	$("#topMenu").css({
		display: "block"
	})
})
$("#food").on("mouseout", function() {
	$("#topMenu").css({
		display: "none"
	})
})
$("#topMenu").hover(function() {
	$(this).css({
		display: "block"
	})
}, function() {
	$(this).css({
		display: "none"
	})
})
//鼠标hover事件
$("#middle-menu>ul>li").hover(function(){
				
				$(this).css({color : "#349a48"})
			},function(){
				$(this).css({color : "#b69c16"})
			})

	console.log($("#middle-menu>ul :nth-child(1)"));
	
	
			//鼠标切换事件
			$("#middle-menu>ul :nth-child(1)").on("click",function(){
				$(this).attr("class","clickColor")
				$("#middle-menu>ul :nth-child(2)").attr("class","")
				$("#middle-menu>ul :nth-child(3)").attr("class","")
				$("#middle-menu>ul :nth-child(4)").attr("class","")
				$("#bottom").css({left : "0px"})
				$("#mt1").css({display : "block"})
				$("#mt2").css({display : "none"})
				$("#mt3").css({display : "none"})
				$("#mt4").css({display : "none"})
			})
			$("#middle-menu>ul :nth-child(2)").on("click",function(){
				$(this).attr("class","clickColor")
				$("#middle-menu>ul :nth-child(1)").attr("class","")
				$("#middle-menu>ul :nth-child(3)").attr("class","")
				$("#middle-menu>ul :nth-child(4)").attr("class","")
				$("#bottom").css({left : "105px"})
				$("#mt1").css({display : "none"})
				$("#mt2").css({display : "block"})
				$("#mt3").css({display : "none"})
				$("#mt4").css({display : "none"})
			})
			$("#middle-menu>ul :nth-child(3)").on("click",function(){
				$(this).attr("class","clickColor")
				$("#middle-menu>ul :nth-child(1)").attr("class","")
				$("#middle-menu>ul :nth-child(2)").attr("class","")
				$("#middle-menu>ul :nth-child(4)").attr("class","")
				$("#bottom").css({left : "210px"})
				$("#mt1").css({display : "none"})
				$("#mt2").css({display : "none"})
				$("#mt3").css({display : "block"})
				$("#mt4").css({display : "none"})
			})
			$("#middle-menu>ul :nth-child(4)").on("click",function(){
				$(this).attr("class","clickColor")
				$("#middle-menu>ul :nth-child(1)").attr("class","")
				$("#middle-menu>ul :nth-child(2)").attr("class","")
				$("#middle-menu>ul :nth-child(3)").attr("class","")
				$("#bottom").css({left : "315px"})
				$("#mt1").css({display : "none"})
				$("#mt2").css({display : "none"})
				$("#mt3").css({display : "none"})
				$("#mt4").css({display : "block"})
			})






//下方五组图的JQ事件
$(".img1").hover(function() {
	$(".img1").attr("src", "../../img/image/home-box-1_hover.jpg")
}, function() {
	$(".img1").attr("src", "../../img/image/home-box-1_CN.jpg")
})

$(".img2").hover(function() {
	$(".img2").attr("src", "../../img/image/home-box-2_hover.jpg")
}, function() {
	$(".img2").attr("src", "../../img/image/home-box-2_CN.jpg")
})

$(".img3").hover(function() {
	$(".img3").attr("src", "../../img/image/home-box-3_hover.jpg")
}, function() {
	$(".img3").attr("src", "../../img/image/home-box-3_CN.jpg")
})

$(".img4").hover(function() {
	$(this).attr("src", "../../img/image/weibo_hover.jpg")
}, function() {
	$(this).attr("src", "../../img/image/weibo_CN.jpg")
})

$(".img5").hover(function() {
	$(".code").css({
		display: "block"
	})
	$(this).attr("src", "../../img/image/weixin_hover.jpg")
}, function() {
	$(".code").css({
		display: "none"
	})
	$(this).attr("src", "../../img/image/weixin_CN.jpg")
})